<template>
  <div id="Category">
    <h3>{{title}}</h3>
    <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充）-->
    <slot name="img"></slot>
    <slot name="lianjie"></slot>
    <!-- <ul>
      <li v-for="(item,index) in listData" :key="index">{{item}}</li>
    </ul> -->
  </div>
</template>

<script>
export default {
  name:'Category',
  props:{
    listData:{required:true,type:Array},
    title:{required:true,type:String}
  },
  data(){
    return{

    }
  }
}
</script>

<style>
  #Category{
    background-color: skyblue;
    width: 200px;
    height: 300px;
  }
  h3{
    text-align: center;
    background-color: orange;
  }
</style>